<template>
	<view class="">
		<view class="tradeMonyn">
			<view class="MoneyJia">{{Symbol}}{{money}}</view>
			<view class="MoneyCgong">{{become}}</view>
		</view>
		<view class="Explain">
			<view class="paymentView">
				<view class="paymentFkfs">付款方式</view>
				<view class="paymentYhk">{{card}}</view>
			</view>
			<view class="paymentView">
				<view class="paymentFkfs">商品说明</view>
				<view class="paymentYhk">{{name}}</view>
			</view>
		</view>
		<view class="ExplainTwo">
			<view class="paymentView">
				<view class="paymentFkfs">时间</view>
				<view class="paymentYhk">{{data}}</view>
			</view>
			<view class="paymentView">
				<view class="paymentFkfs">订单编号</view>
				<view class="paymentYhk">{{numder}}</view>
			</view>
			<view class="paymentView">
				<view class="paymentFkfs">备注</view>
				<view class="paymentYhk">{{Remarks}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				Symbol:'-',
				money:'1000.00',
				become:'交易成功',
				card:'银行卡',
				name:'贵州海峡阳光大酒店',
				data:'2019-07-22 21:13',
				numder:'268678312201972221234',
				Remarks:'无'
			}
		}
	}
</script>

<style>
	.tradeMonyn{
		width: 100%;
		margin: 70upx 0upx;
		text-align: center;
	}
	.MoneyJia{
		font-size: 60upx;
		font-weight: bold;
	}
	.tradeMonyn view{
		line-height: 1.4;
	}
	.MoneyCgong{
		font-size: 30upx;
		color: #999;
	}
	.paymentFkfs{
		font-size: 32upx;
		color: #888;
	}
	.paymentYhk{
		font-size: 32upx;
		color: #333;
	}
	.paymentView{
		display: flex;
		justify-content: space-between;
		margin: 10upx 0;
	}
	.Explain{
		padding: 8upx  28upx;
		border-bottom: 20upx solid #efefef;
	}
	.ExplainTwo{
		padding: 8upx  28upx;
	}
</style>
